export const optConfig = {
  animation: false,
  //   backgroundColor: '#d4f087', // 整个容器的背景色
  //   backgroundColor: 'transparent', // 整个容器的背景色
  grid: {
    right: 50, // Y轴距离容器的距离
    bottom: 10, // X轴距离容器的距离
    left: 50,
    top: 50,
    show: true
    // backgroundColor: '#c0c0c0'
    // containLabel: true// 这个不能打开，打开之后，lable的宽度就会根据字的长度，自适应宽度，滚轮，就会出现动来动去
    // width: 723,
    // height: 560
    //   borderColor: 'transparent',
  },
  tooltip: {
    showDelay: 0,
    formatter: function (params) {
      //   console.log('hover悬浮的时候，展示的数字：', params);
      if (params.componentType === 'series' && params.componentSubType === 'scatter') {
        const s1 = `1 缺陷名称：  ${params.data['name']}`;
        const s2 = `2 缺陷symbol：${params.data['icon']}`;
        const s3 = `3 缺陷坐标：  [${params.data['value']}]`;
        const showContent = s1 + '<br/>' + s2 + '<br/>' + s3;
        return showContent;
      } else if (params.componentType === 'markLine') {
        // 获取 markLine 组件对应的名称
        const markLineName = params?.data?.name || '';
        return markLineName;
      }
    },
    axisPointer: {
      show: true,
      showDelay: 0,
      type: 'cross',
      lineStyle: {
        type: 'dashed',
        width: 1
      }
    }
  },
  legend: {
    data: []
  },
  xAxis: [
    {
      type: 'value',
      scale: true,
      axisLabel: {
        showMaxLabel: true,
        formatter: function (value, index) {
          //   console.log('Y轴的刻度:',value,index);
          if (index % 2 == 0 || value / optConfig.xAxis[0].max == 1) {
            return Number(value).toFixed(0) + 'mm';
          } else {
            return '';
          }
        },
        // width:80
        rotate: 30, // 字体的倾斜角度
        fontSize: 10
      },
      splitLine: {
        // show: true // 一列X轴刻度一条线
        show: false
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ['none', 'arrow'],
        symbolSize: [8, 8],
        lineStyle: {
          //   color: 'red', // 坐标轴线线的颜色
          color: 'black',
          width: '1', // 坐标轴线线宽
          type: 'solid' // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        }
      },
      // splitNumber: 50, // X轴分配19等分
      interval: 50, //设置数据间隔
      min: 0,
      max: 2500,
      show: true,
      position: 'top'
      //    inverse: true, // Y轴反向轴
    }
  ],
  yAxis: [
    {
      type: 'value',
      scale: true,
      inverse: true, // Y轴反向轴
      //   position: 'right',
      axisLabel: {
        showMaxLabel: true,
        formatter: function (value, index) {
          if (index % 2 == 0 || value / optConfig.yAxis[0].max == 1) {
            return Number(value).toFixed(0) + 'm';
          } else {
            return '';
          }
        },
        fontSize: 10
        // width:50
        // rotate: 45 // 字体的倾斜角度
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ['arrow', 'none'],
        symbolSize: [8, 8],
        lineStyle: {
          //   color: 'green', // 坐标轴线线的颜色
          color: 'black', // 坐标轴线线的颜色
          width: '1', // 坐标轴线线宽
          type: 'solid' // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        }
      },
      splitLine: {
        // show: true // 一行刻度，一条线
        show: false
      },
      // splitNumber: 60, // Y轴分配30等分
      interval: 50, //设置数据间隔
      min: 0,
      max: 3000
    },
    {
      //二维码轴
      type: 'value',
      scale: true,
      inverse: true, // Y轴反向轴
      position: 'right',
      axisLabel: {
        showMaxLabel: true,
        formatter: function (value, index) {
          if (index % 2 == 0 || value / optConfig.yAxis[1].max == 1) {
            return Number(value).toFixed(0) + 'm';
          } else {
            return '';
          }
        },
        fontSize: 10
        // width:50
        // rotate: 45 // 字体的倾斜角度
      },
      axisLine: {
        show: true, // 是否显示坐标轴轴线
        symbol: ['arrow', 'none'],
        symbolSize: [8, 8],
        lineStyle: {
          //   color: 'green', // 坐标轴线线的颜色
          color: 'black', // 坐标轴线线的颜色
          width: '1', // 坐标轴线线宽
          type: 'solid' // 坐标轴线线的类型（solid实线类型；dashed虚线类型；dotted点状类型）
        }
      },
      splitLine: {
        // show: true // 一行刻度，一条线
        show: false
      },
      // splitNumber: 60, // Y轴分配30等分
      interval: 50, //设置数据间隔
      min: 0,
      max: 3000
    }
  ],
  series: [
    {
      type: 'scatter',
      cursor: 'pointer',
      label: {
        // 只在shape = 8 时候启用
        show: true,
        // 颜色跟传递来的颜色保持一致
        // color: "transparent",
        formatter(params) {
          // console.log('如果symboy不存在，就不显示呗，icon', params);
          return params.data?.icon;
        },
        fontWeight: 'bolder',
        // backgroundColor: 'red',//TODO:------背景高亮-----
        fontSize: 12 // 其实是symbol的大小
        //   fontSize: 18
      },
      // symbol: svg[26]// 不用这个属性了，不是画出来的图形
      itemStyle: {
        color: 'rgba(255, 255, 255, 0)' // 设置白景色透明 -- 字母
      },
      // large: true, //大数据渲染
      // largeThreshold: 20,
      data: []
    },
    {
      name: 'OS避让',
      symbolSize: 0,
      type: 'line',
      color: 'red',
      symbol: null,
      markLine: {
        animation: false,
        label: {
          //坐标轴上显示对应的文字
          formatter: '',
          align: 'center',
          fontStyle: {
            color: '#fff'
          }
        },
        lineStyle: {
          type: 'solid',
          color: 'red'
        },
        data: [
          [
            {
              coord: [],
              name: 'OS避让',
              symbol: 'none'
            },
            {
              coord: [],
              name: 'OS避让',
              symbol: 'none'
            }
          ]
        ]
      }
    },
    {
      name: 'DS避让',
      symbolSize: 1,
      type: 'line',
      color: 'red',
      symbol: null,
      markLine: {
        animation: false,
        label: {
          //坐标轴上显示对应的文字
          formatter: '',
          align: 'center',
          fontStyle: {
            color: '#fff'
          }
        },
        lineStyle: {
          type: 'solid',
          color: 'red'
        },
        data: [
          [
            {
              coord: [],
              name: 'DS避让',
              symbol: 'none' //取消箭头显示
            },
            {
              coord: [],
              name: 'DS避让',
              symbol: 'none' //取消箭头显示
            }
          ]
        ]
      }
    },
    {
      type: 'custom',
      z: 2,
      zlevel: 2,
      silent: true,
      dimensions: ['x', 'y', 'width', 'height', 'item'],
      clip: true,
      data: [],
      renderItem: (params, api) => {}
    },
    {
      //二维码坐标系暂时不考虑数据的对应，只是单独一个坐标轴
      name: '二维码坐标系',
      type: 'line',
      yAxisIndex: 1,
      data: []
    }
  ]
};
